﻿[v-cloak] {
    display: none !important;
}

* {
    -webkit-overflow-scrolling: touch;
    -ms-flex: 0 0 auto;
}

/*#region 响应式布局*/
html {
    font-size: 20px;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (min-width: 400px) {
    html {
        font-size: 21.33333333px !important;
    }
}

@media only screen and (min-width: 414px) {
    html {
        font-size: 22.08px !important;
    }
}

@media only screen and (min-width: 480px) {
    html {
        font-size: 25.6px !important;
    }
}

@media only screen and (min-width: 1000px) {
    html {
        font-size: 22.08px !important;
    }
}
/*#endregion 完*/

html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    overscroll-behavior: none;
}

body {
    font-size: .7rem;
    -webkit-overflow-scrolling: touch;
    padding-top: 1px;
    padding-left: 1px;
}

pre {
    font-size: .7rem;
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
    line-height: 1.6rem;
    word-wrap: break-word !important;
    word-break: break-all !important;
    white-space: pre-wrap !important;
}

textarea {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

/*#region icon*/
@font-face {
    font-family: ico;
    src: url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.eot?v=256);
    src: url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.eot?v=256#iefix) format('embedded-opentype'),url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.woff2?v=256) format('woff2'),url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.woff?v=256) format('woff'),url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.ttf?v=256) format('truetype'),url(https://hxt2017.oss-cn-hangzhou.aliyuncs.com/static/index/fonts/iconfont.svg?v=256#layui-icon) format('svg');
}

.ico {
    font-family: ico !important;
    font-size: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-reply-fill:before {
    content: "\e611";
}

.ico-set-fill:before {
    content: "\e614";
}

.ico-menu-fill:before {
    content: "\e60f";
}

.ico-search:before {
    content: "\e615";
}

.ico-share:before {
    content: "\e641";
}

.ico-set-sm:before {
    content: "\e620";
}

.ico-engine:before {
    content: "\e628"
}

.ico-close:before {
    content: "\1006"
}

.ico-close-fill:before {
    content: "\1007"
}

.ico-chart-screen:before {
    content: "\e629"
}

.ico-star:before {
    content: "\e600"
}

.ico-circle-dot:before {
    content: "\e617"
}

.ico-chat:before {
    content: "\e606"
}

.ico-release:before {
    content: "\e609"
}

.ico-list:before {
    content: "\e60a"
}

.ico-chart:before {
    content: "\e62c"
}

.ico-ok-circle:before {
    content: "\1005"
}

.ico-layim-theme:before {
    content: "\e61b"
}

.ico-table:before {
    content: "\e62d"
}

.ico-right:before {
    content: "\e602"
}

.ico-left:before {
    content: "\e603"
}

.ico-cart-simple:before {
    content: "\e698"
}

.ico-face-cry:before {
    content: "\e69c"
}

.ico-face-smile:before {
    content: "\e6af"
}

.ico-survey:before {
    content: "\e6b2"
}

.ico-tree:before {
    content: "\e62e"
}

.ico-ie:before {
    content: "\e7bb"
}

.ico-upload-circle:before {
    content: "\e62f"
}

.ico-add-circle:before {
    content: "\e61f"
}

.ico-download-circle:before {
    content: "\e601"
}

.ico-templeate-1:before {
    content: "\e630"
}

.ico-util:before {
    content: "\e631"
}

.ico-face-surprised:before {
    content: "\e664"
}

.ico-edit:before {
    content: "\e642"
}

.ico-speaker:before {
    content: "\e645"
}

.ico-down:before {
    content: "\e61a"
}

.ico-file:before {
    content: "\e621"
}

.ico-layouts:before {
    content: "\e632"
}

.ico-rate-half:before {
    content: "\e6c9"
}

.ico-add-circle-fine:before {
    content: "\e608"
}

.ico-prev-circle:before {
    content: "\e633"
}

.ico-read:before {
    content: "\e705"
}

.ico-404:before {
    content: "\e61c"
}

.ico-carousel:before {
    content: "\e634"
}

.ico-help:before {
    content: "\e607"
}

.ico-code-circle:before {
    content: "\e635"
}

.ico-windows:before {
    content: "\e67f"
}

.ico-water:before {
    content: "\e636"
}

.ico-username:before {
    content: "\e66f"
}

.ico-find-fill:before {
    content: "\e670"
}

.ico-about:before {
    content: "\e60b"
}

.ico-location:before {
    content: "\e715"
}

.ico-up:before {
    content: "\e619"
}

.ico-pause:before {
    content: "\e651"
}

.ico-date:before {
    content: "\e637"
}

.ico-layim-uploadfile:before {
    content: "\e61d"
}

.ico-delete:before {
    content: "\e640"
}

.ico-play:before {
    content: "\e652"
}

.ico-top:before {
    content: "\e604"
}

.ico-firefox:before {
    content: "\e686"
}

.ico-friends:before {
    content: "\e612"
}

.ico-refresh-3:before {
    content: "\e9aa"
}

.ico-ok:before {
    content: "\e605"
}

.ico-layer:before {
    content: "\e638"
}

.ico-face-smile-fine:before {
    content: "\e60c"
}

.ico-dollar:before {
    content: "\e659"
}

.ico-group:before {
    content: "\e613"
}

.ico-layim-download:before {
    content: "\e61e"
}

.ico-picture-fine:before {
    content: "\e60d"
}

.ico-link:before {
    content: "\e64c"
}

.ico-diamond:before {
    content: "\e735"
}

.ico-log:before {
    content: "\e60e"
}

.ico-key:before {
    content: "\e683"
}

.ico-rate-solid:before {
    content: "\e67a"
}

.ico-fonts-del:before {
    content: "\e64f"
}

.ico-unlink:before {
    content: "\e64d"
}

.ico-fonts-clear:before {
    content: "\e639"
}

.ico-triangle-r:before {
    content: "\e623"
}

.ico-circle:before {
    content: "\e63f"
}

.ico-radio:before {
    content: "\e643"
}

.ico-align-center:before {
    content: "\e647"
}

.ico-align-right:before {
    content: "\e648"
}

.ico-align-left:before {
    content: "\e649"
}

.ico-loading-1:before {
    content: "\e63e"
}

.ico-return:before {
    content: "\e65c"
}

.ico-fonts-strong:before {
    content: "\e62b"
}

.ico-upload:before {
    content: "\e67c"
}

.ico-dialogue:before {
    content: "\e63a"
}

.ico-video:before {
    content: "\e6ed"
}

.ico-headset:before {
    content: "\e6fc"
}

.ico-cellphone-fine:before {
    content: "\e63b"
}

.ico-add-1:before {
    content: "\e654"
}

.ico-face-smile-b:before {
    content: "\e650"
}

.ico-fonts-html:before {
    content: "\e64b"
}

.ico-screen-full:before {
    content: "\e622"
}

.ico-form:before {
    content: "\e63c"
}

.ico-cart:before {
    content: "\e657"
}

.ico-camera-fill:before {
    content: "\e65d"
}

.ico-tabs:before {
    content: "\e62a"
}

.ico-heart-fill:before {
    content: "\e68f"
}

.ico-fonts-code:before {
    content: "\e64e"
}

.ico-ios:before {
    content: "\e680"
}

.ico-at:before {
    content: "\e687"
}

.ico-fire:before {
    content: "\e756"
}

.ico-set:before {
    content: "\e716"
}

.ico-fonts-u:before {
    content: "\e646"
}

.ico-triangle-d:before {
    content: "\e625"
}

.ico-tips:before {
    content: "\e702"
}

.ico-picture:before {
    content: "\e64a"
}

.ico-more-vertical:before {
    content: "\e671"
}

.ico-bluetooth:before {
    content: "\e689"
}

.ico-flag:before {
    content: "\e66c"
}

.ico-loading:before {
    content: "\e63d"
}

.ico-fonts-i:before {
    content: "\e644"
}

.ico-refresh-1:before {
    content: "\e666"
}

.ico-rmb:before {
    content: "\e65e"
}

.ico-addition:before {
    content: "\e624"
}

.ico-home:before {
    content: "\e68e"
}

.ico-time:before {
    content: "\e68d"
}

.ico-user:before {
    content: "\e770"
}

.ico-notice:before {
    content: "\e667"
}

.ico-chrome:before {
    content: "\e68a"
}

.ico-edge:before {
    content: "\e68b"
}

.ico-login-weibo:before {
    content: "\e675"
}

.ico-voice:before {
    content: "\e688"
}

.ico-upload-drag:before {
    content: "\e681"
}

.ico-login-qq:before {
    content: "\e676"
}

.ico-snowflake:before {
    content: "\e6b1"
}

.ico-heart:before {
    content: "\e68c"
}

.ico-logout:before {
    content: "\e682"
}

.ico-file-b:before {
    content: "\e655"
}

.ico-template:before {
    content: "\e663"
}

.ico-transfer:before {
    content: "\e691"
}

.ico-auz:before {
    content: "\e672"
}

.ico-console:before {
    content: "\e665"
}

.ico-app:before {
    content: "\e653"
}

.ico-prev:before {
    content: "\e65a"
}

.ico-website:before {
    content: "\e7ae"
}

.ico-next:before {
    content: "\e65b"
}

.ico-component:before {
    content: "\e857"
}

.ico-android:before {
    content: "\e684"
}

.ico-more:before {
    content: "\e65f"
}

.ico-login-wechat:before {
    content: "\e677"
}

.ico-shrink-right:before {
    content: "\e668"
}

.ico-spread-left:before {
    content: "\e66b"
}

.ico-camera:before {
    content: "\e660"
}

.ico-note:before {
    content: "\e66e"
}

.ico-refresh:before {
    content: "\e669"
}

.ico-female:before {
    content: "\e661"
}

.ico-male:before {
    content: "\e662"
}

.ico-screen-restore:before {
    content: "\e758"
}

.ico-password:before {
    content: "\e673"
}

.ico-senior:before {
    content: "\e674"
}

.ico-theme:before {
    content: "\e66a"
}

.ico-tread:before {
    content: "\e6c5"
}

.ico-praise:before {
    content: "\e6c6"
}

.ico-star-fill:before {
    content: "\e658"
}

.ico-rate:before {
    content: "\e67b"
}

.ico-template-1:before {
    content: "\e656"
}

.ico-vercode:before {
    content: "\e679"
}

.ico-service:before {
    content: "\e626"
}

.ico-cellphone:before {
    content: "\e678"
}

.ico-print:before {
    content: "\e66d"
}

.ico-cols:before {
    content: "\e610"
}

.ico-wifi:before {
    content: "\e7e0"
}

.ico-export:before {
    content: "\e67d";
}

.ico-rss:before {
    content: "\e808";
}

.ico-slider:before {
    content: "\e714";
}

.ico-email:before {
    content: "\e618";
}

.ico-subtraction:before {
    content: "\e67e";
}

.ico-mike:before {
    content: "\e6dc";
}

.ico-light:before {
    content: "\e748";
}

.ico-gift:before {
    content: "\e627";
}

.ico-mute:before {
    content: "\e685";
}

.ico-reduce-circle:before {
    content: "\e616";
}

.ico-music:before {
    content: "\e690";
}
/*#endregion*/

/*#region flex布局*/
.flex-column-fill, .flex-row-fill {
    display: block;
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1 1 0%;
    -ms-flex: 1 0 0px;
    box-sizing: border-box;
    position: relative;
}

.flex-column-fill {
    height: 0;
    min-height: 0;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .flex-column-fill > .h100, .flex-row.flex-row-stretch .flex-row-fill > .h100, .el-drawer__body > .h100 {
        position: absolute;
        box-sizing: border-box;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

.flex-row, .flex-column {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
}

.flex-row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row;
    flex-direction: row;
    min-width: 0;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.flex-row-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    justify-content: stretch;
}

.flex-row > *, .flex-column > * {
    box-sizing: border-box;
}

.flex-none {
    -webkit-flex: none;
    -webkit-box-flex: initial;
    -moz-box-flex: initial;
    flex: none;
}

.flex-0 {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    text-align: left;
    word-wrap: break-word !important;
}
/*#endregion*/
.hidden {
    overflow: hidden !important;
}

.hidden-x {
    overflow: auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.hidden-y {
    overflow: auto !important;
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;
}

.box {
    box-sizing: border-box;
}

.unselect {
    -webkit-touch-callout: none !important; /*系统默认菜单被禁用*/
    -webkit-user-select: none; /*webkit浏览器*/
    -khtml-user-select: none; /*早期浏览器*/
    -moz-user-select: none; /*火狐*/
    -ms-user-select: none; /*IE10*/
    user-select: none !important;
}
/*#region 换行*/
textarea, .wrap {
    word-wrap: break-word !important;
    word-break: break-all !important;
    white-space: normal !important;
}

.nowrap {
    word-wrap: normal !important;
    word-break: keep-all !important;
    white-space: nowrap !important;
}
/*#endregion*/
.inline {
    display: inline-block !important;
}

.block {
    display: block !important;
}

.hide {
    display: none !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-bold {
    font-weight: bold !important;
}

.border-table {
    border-collapse: collapse;
}

    .border-table td, .border-table th {
        border: 1px solid #DCDFE6;
        padding: 0 4px;
    }

.v-top {
    vertical-align: top !important;
}

.v-center {
    vertical-align: middle !important;
}

.size-10 {
    font-size: .5rem;
}

.size-12 {
    font-size: .6rem;
}

.size-13 {
    font-size: .65rem;
}

.size-14 {
    font-size: .7rem;
}

.size-16 {
    font-size: .8rem;
}

.size-18 {
    font-size: .9rem;
}

.size-20 {
    font-size: 1rem;
}

.line-1 {
    line-height: 1;
}

.line-13 {
    line-height: 1.3;
}

.line-15 {
    line-height: 1.5;
}

.line-17 {
    line-height: 1.7;
}

.border-solid {
    border-style: solid;
    border-width: 1px;
}

.border-left-solid {
    border-left-style: solid;
    border-left-width: 1px;
}

.border-right-solid {
    border-right-style: solid;
    border-right-width: 1px;
}

.border-top-solid {
    border-top-style: solid;
    border-top-width: 1px;
}

.border-bottom-solid {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.border-none {
    border-width: 0;
}


.radius-3 {
    border-radius: 3px;
}

.radius-5 {
    border-radius: 5px;
}

.shadow-1 {
    box-shadow: rgba(0,177,255, 0.1) 0px 8px 24px;
}

/*#region 边距*/
.padding-0 {
    padding: 0;
}

.padding-2 {
    padding: 2px;
}

.padding-4 {
    padding: 4px;
}

.padding-6 {
    padding: 6px;
}

.padding-8 {
    padding: 8px;
}

.padding-10 {
    padding: 10px;
}

.padding-15 {
    padding: 15px;
}

.padding-20 {
    padding: 20px;
}

.padding-30 {
    padding: 30px;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-left-2 {
    padding-left: 2px;
}

.padding-left-4 {
    padding-left: 4px;
}

.padding-left-6 {
    padding-left: 6px;
}

.padding-left-8 {
    padding-left: 8px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-20 {
    padding-left: 20px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-right-0 {
    padding-right: 0;
}

.padding-right-2 {
    padding-right: 2px;
}

.padding-right-4 {
    padding-right: 4px;
}

.padding-right-6 {
    padding-right: 6px;
}

.padding-right-8 {
    padding-right: 8px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-15 {
    padding-right: 15px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-lr-0 {
    padding-right: 0;
    padding-left: 0;
}

.padding-lr-2 {
    padding-right: 2px;
    padding-left: 2px;
}

.padding-lr-4 {
    padding-right: 4px;
    padding-left: 4px;
}

.padding-lr-6 {
    padding-right: 6px;
    padding-left: 6px;
}

.padding-lr-8 {
    padding-right: 8px;
    padding-left: 8px;
}

.padding-lr-10 {
    padding-right: 10px;
    padding-left: 10px;
}

.padding-lr-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.padding-lr-20 {
    padding-right: 20px;
    padding-left: 20px;
}

.padding-lr-30 {
    padding-right: 30px;
    padding-left: 30px;
}

.padding-top-0 {
    padding-top: 0;
}

.padding-top-2 {
    padding-top: 2px;
}

.padding-top-4 {
    padding-top: 4px;
}

.padding-top-6 {
    padding-top: 6px;
}

.padding-top-8 {
    padding-top: 8px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-bottom-2 {
    padding-bottom: 2px;
}

.padding-bottom-4 {
    padding-bottom: 4px;
}

.padding-bottom-6 {
    padding-bottom: 6px;
}

.padding-bottom-8 {
    padding-bottom: 8px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.padding-tb-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.padding-tb-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.padding-tb-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.padding-tb-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.padding-tb-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.padding-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.padding-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.margin-0 {
    margin: 0;
}

.margin-2 {
    margin: 2px;
}

.margin-4 {
    margin: 4px;
}

.margin-6 {
    margin: 6px;
}

.margin-8 {
    margin: 8px;
}

.margin-10 {
    margin: 10px;
}

.margin-15 {
    margin: 15px;
}

.margin-20 {
    margin: 20px;
}

.margin-30 {
    margin: 30px;
}

.margin-left-0 {
    margin-left: 0;
}

.margin-left-2 {
    margin-left: 2px;
}

.margin-left-4 {
    margin-left: 4px;
}

.margin-left-6 {
    margin-left: 6px;
}

.margin-left-8 {
    margin-left: 8px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-right-0 {
    margin-right: 0;
}

.margin-right-2 {
    margin-right: 2px;
}

.margin-right-4 {
    margin-right: 4px;
}

.margin-right-6 {
    margin-right: 6px;
}

.margin-right-8 {
    margin-right: 8px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-20 {
    margin-right: 20px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-lr-0 {
    margin-left: 0;
    margin-right: 0;
}

.margin-lr-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.margin-lr-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.margin-lr-6 {
    margin-left: 5px;
    margin-right: 6px;
}

.margin-lr-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.margin-lr-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.margin-lr-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.margin-lr-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.margin-lr-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-2 {
    margin-top: 2px;
}

.margin-top-4 {
    margin-top: 4px;
}

.margin-top-6 {
    margin-top: 6px;
}

.margin-top-8 {
    margin-top: 8px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-2 {
    margin-bottom: 2px;
}

.margin-bottom-4 {
    margin-bottom: 4px;
}

.margin-bottom-6 {
    margin-bottom: 6px;
}

.margin-bottom-8 {
    margin-bottom: 8px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-tb-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.margin-tb-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.margin-tb-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.margin-tb-6 {
    margin-top: 5px;
    margin-bottom: 6px;
}

.margin-tb-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.margin-tb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.margin-tb-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.margin-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
/*#endregion*/

/*#region 颜色 背景 边框*/
.color-greenA {
    color: #009688 !important;
}

.color-greenB {
    color: #5FB878 !important;
}

.color-red {
    color: #e54d42 !important;
}

.color-orange {
    color: #f37b1d !important;
}

.color-yellow {
    color: #fbbd08 !important;
}

.color-olive {
    color: #8dc63f !important;
}

.color-green {
    color: #39b54a !important;
}

.color-cyan {
    color: #1cbbb4 !important;
}

.color-blue {
    color: #0081ff !important;
}

.color-blue-1 {
    color: #409EFF !important;
}

.color-purple {
    color: #6739b6 !important;
}

.color-mauve {
    color: #9c26b0 !important;
}

.color-pink {
    color: #e03997 !important;
}

.color-brown {
    color: #a5673f !important;
}

.color-grey {
    color: #8799a3 !important;
}

.color-black {
    color: #303133 !important;
}

.color-black-1 {
    color: #323233 !important;
}

.color-darkGray {
    color: #666666 !important;
}

.color-gray {
    color: #aaaaaa !important;
}

.color-ghostWhite {
    color: #f1f1f1 !important;
}

.color-white {
    color: #ffffff !important;
}
.color-greenDisabled {
    color: #98f3a4 !important;
}
.color-redLight {
    color: #fadbd9 !important;
}

.color-orangeLight {
    color: #fde6d2 !important;
}

.color-yellowLight {
    color: #fef2ce !important;
}

.color-oliveLight {
    color: #e8f4d9 !important;
}

.color-greenLight {
    color: #d7f0db !important;
}

.color-cyanLight {
    color: #d2f1f0 !important;
}

.color-blueLight {
    color: #cce6ff !important;
}

.color-purpleLight {
    color: #e1d7f0 !important;
}

.color-mauveLight {
    color: #ebd4ef !important;
}

.color-pinkLight {
    color: #f9d7ea !important;
}

.color-brownLight {
    color: #ede1d9 !important;
}

.color-greyLight {
    color: #e7ebed !important;
}

.color-000 {
    color: #000 !important;
}

.color-333 {
    color: #333 !important;
}

.color-666 {
    color: #666 !important;
}

.color-888 {
    color: #888 !important;
}

.color-999 {
    color: #999 !important;
}


.bg-greenA {
    background-color: #009688 !important;
    color: #FFF !important;
}

.bg-greenB {
    background-color: #5FB878 !important;
    color: #FFF !important;
}

.bg-red {
    background-color: #e54d42 !important;
    color: #FFF !important;
}

.bg-orange {
    background-color: #f37b1d !important;
    color: #FFF !important;
}

.bg-yellow {
    background-color: #fbbd08 !important;
    color: #FFF !important;
}

.bg-olive {
    background-color: #8dc63f !important;
    color: #FFF !important;
}

.bg-green {
    background-color: #39b54a !important;
    color: #FFF !important;
}

.bg-cyan {
    background-color: #1cbbb4 !important;
    color: #FFF !important;
}

.bg-blue {
    background-color: #0081ff !important;
    color: #FFF !important;
}

.bg-purple {
    background-color: #6739b6 !important;
    color: #FFF !important;
}

.bg-mauve {
    background-color: #9c26b0 !important;
    color: #FFF !important;
}

.bg-pink {
    background-color: #e03997 !important;
    color: #FFF !important;
}

.bg-brown {
    background-color: #a5673f !important;
    color: #FFF !important;
}

.bg-grey {
    background-color: #8799a3 !important;
    color: #FFF !important;
}

.bg-black {
    background-color: #333333 !important;
    color: #FFF !important;
}

.bg-darkGray {
    background-color: #666666 !important;
    color: #FFF !important;
}

.bg-gray {
    background-color: #aaaaaa !important;
}

.bg-grayA {
    background-color: #f0f0f0 !important;
    color: #333333 !important;
}

.bg-ghostWhite {
    background-color: #f1f1f1 !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-redLight {
    background-color: #fadbd9 !important;
}

.bg-orangeLight {
    background-color: #fde6d2 !important;
}

.bg-yellowLight {
    background-color: #fef2ce !important;
}

.bg-oliveLight {
    background-color: #e8f4d9 !important;
}

.bg-greenLight {
    background-color: #d7f0db !important;
}

.bg-cyanLight {
    background-color: #d2f1f0 !important;
}

.bg-blueLight {
    background-color: #cce6ff !important;
}

.bg-purpleLight {
    background-color: #e1d7f0 !important;
}

.bg-mauveLight {
    background-color: #ebd4ef !important;
}

.bg-pinkLight {
    background-color: #f9d7ea !important;
}

.bg-brownLight {
    background-color: #ede1d9 !important;
}

.bg-greyLight {
    background-color: #e7ebed !important;
}

.bg-gradualRed {
    background-image: linear-gradient(45deg, #f43f3b, #ec008c) !important;
    color: #FFF !important;
}

.bg-gradualOrange {
    background-image: linear-gradient(45deg, #ff9700, #ed1c24) !important;
    color: #FFF !important;
}

.bg-gradualGreen {
    background-image: linear-gradient(45deg, #39b54a, #8dc63f) !important;
    color: #FFF !important;
}

.bg-gradualPurple {
    background-image: linear-gradient(45deg, #9000ff, #5e00ff) !important;
    color: #FFF !important;
}

.bg-gradualPink {
    background-image: linear-gradient(45deg, #ec008c, #6739b6) !important;
}

.bg-gradualBlue {
    background-image: linear-gradient(45deg, #0081ff, #1cbbb4) !important;
    color: #FFF !important;
}

.bg-none {
    background-color: transparent !important;
}

.bg-light {
    background-color: #F7F7F8 !important;
}


.border-greenA {
    border-color: #009688 !important;
}

.btn.border-greenA {
    color: #009688 !important;
}

.border-greenB {
    border-color: #5FB878 !important;
}

.btn.border-greenB {
    color: #5FB878 !important;
}

.border-red {
    border-color: #e54d42 !important;
}

.btn.border-red {
    color: #e54d42 !important;
}

.border-orange {
    border-color: #f37b1d !important;
}

.btn.border-orange {
    color: #f37b1d !important;
}

.border-yellow {
    border-color: #fbbd08 !important;
}

.btn.border-yellow {
    color: #fbbd08 !important;
}

.border-olive {
    border-color: #8dc63f !important;
}

.btn.border-olive {
    color: #8dc63f !important;
}

.border-green {
    border-color: #39b54a !important;
}

.btn.border-green {
    color: #39b54a !important;
}

.border-cyan {
    border-color: #1cbbb4 !important;
}

.border-blue {
    border-color: #0081ff !important;
}

.border-purple {
    border-color: #6739b6 !important;
}

.border-mauve {
    border-color: #9c26b0 !important;
}

.border-pink {
    border-color: #e03997 !important;
}

.border-brown {
    border-color: #a5673f !important;
}

.border-grey {
    border-color: #8799a3 !important;
}

.btn.border-grey {
    color: #8799a3 !important;
}

.border-black {
    border-color: #333333 !important;
}

.border-darkGray {
    border-color: #666666 !important;
}

.border-gray {
    border-color: #aaaaaa !important;
}

.btn.border-gray {
    color: #666 !important;
}

.border-ghostWhite {
    border-color: #f1f1f1 !important;
}

.border-white {
    border-color: #ffffff !important;
}

.border-redLight {
    border-color: #fadbd9 !important;
}

.border-orangeLight {
    border-color: #fde6d2 !important;
}

.border-yellowLight {
    border-color: #fef2ce !important;
}

.border-oliveLight {
    border-color: #e8f4d9 !important;
}

.border-greenLight {
    border-color: #d7f0db !important;
}

.border-cyanLight {
    border-color: #d2f1f0 !important;
}

.border-blueLight {
    border-color: #cce6ff !important;
}

.border-purpleLight {
    border-color: #e1d7f0 !important;
}

.border-mauveLight {
    border-color: #ebd4ef !important;
}

.border-pinkLight {
    border-color: #f9d7ea !important;
}

.border-brownLight {
    border-color: #ede1d9 !important;
}

.border-greyLight {
    border-color: #e7ebed !important;
}

.border-none {
    border-color: transparent !important;
}

.border-default {
    border-color: #D7D7D8 !important;
}

.border-default-4 {
    border-color: #DCDFE6 !important;
}

.border-default-3 {
    border-color: #E4E7ED !important;
}

.border-default-2 {
    border-color: #EBEEF5 !important;
}

.border-default-1 {
    border-color: #F2F6FC !important;
}
/*#endregion*/

/*#region 页头*/
.page-header {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: .0rem;
    padding-right: 1rem;
}

.page-header-item {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    font-size: .75rem;
    line-height: 2.2rem;
}

    .page-header-item input[type="radio"] {
        position: absolute;
        left: -9999em;
        opacity: 0;
        height: 0px;
        width: 0px;
    }

    .page-header-item .item-txt {
        color: #888;
        box-sizing: border-box;
        padding: 0 1.25rem;
        text-align: center;
        white-space: nowrap;
        word-wrap: normal;
    }

    .page-header-item input[type="radio"]:checked + .item-txt {
        color: #00B1FF;
        display: block;
        position: relative;
    }

        .page-header-item input[type="radio"]:checked + .item-txt:after {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            border: 1px solid #00B1FF;
            display: block;
        }

.page-header.md .page-header-item {
    font-size: .7rem;
    line-height: 2rem;
}

    .page-header.md .page-header-item .item-txt {
        padding: 0 1rem;
    }

.page-header.dark {
    background-color: #303133;
    border-bottom: 1px solid #DCDFE6;
}

    .page-header.dark .page-header-item .item-txt {
        color: #DCDFE6;
    }

    .page-header.dark .page-header-item input[type="radio"]:checked + .item-txt {
        color: yellow;
    }

        .page-header.dark .page-header-item input[type="radio"]:checked + .item-txt:after {
            border: 1px solid yellow;
        }

/*#endregion*/

/*#region button*/
.btn {
    display: inline-block;
    padding: 11px 20px;
    line-height: 1;
    font-size: 14px;
    border: 1px solid #00B1FF;
    background-color: #FFF;
    color: #00B1FF;
    white-space: nowrap;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    vertical-align: middle;
}

    .btn:not([disabled]):hover {
        opacity: .8;
        font-weight: normal;
    }

    .btn:not([disabled]):active {
        opacity: 1;
        transform: translate(1px, 1px);
    }

    .btn[disabled], .btn.disabled {
        pointer-events: none;
        cursor: not-allowed; /*border-color: #eee !important; background-color: #FBFBFB !important; color: #d2d2d2 !important;*/
        opacity: .3;
    }

    .btn[class*="border-"] {
        background-color: transparent;
    }

    .btn[class*="bg-"] {
        border-color: transparent;
    }

    .btn[disabled]:hover, .btn.disabled:hover {
        border: 1px solid #e6e6e6 !important;
        background-color: #FBFBFB !important;
        color: #C9C9C9 !important;
        cursor: not-allowed !important;
        opacity: 1 !important;
    }

    .btn.round {
        border-radius: 5rem;
    }

    .btn.sm {
        padding: 7px 15px;
        font-size: 12px;
    }

    .btn.md {
        padding: 9px 20px;
        font-size: 14px;
    }

    .btn.mini {
        padding: 5px 15px;
        font-size: 12px;
        border-radius: 3px;
    }
/*#endregion*/

/*#region 动画*/
/*360度旋转*/
@keyframes frame-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.anim-rotate {
    animation-name: frame-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

/*底部往上滑入*/
@keyframes frame-up {
    from {
        transform: translate3d(0,100%,0);
        opacity: .3
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.anim-up {
    animation-name: frame-up
}

/*微微往上滑入*/
@keyframes frame-upbit {
    from {
        transform: translate3d(0,30px,0);
        opacity: .3
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.anim-upbit {
    animation-name: frame-upbit
}

/*顶部向下滑入*/
@keyframes frame-down {
    0% {
        opacity: .3;
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

.anim-down {
    animation-name: frame-down
}

/*微微向下滑入*/
@keyframes frame-downbit {
    0% {
        opacity: .3;
        transform: translate3d(0,-5px,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

.anim-downbit {
    animation-name: frame-downbit
}

/*平滑放大*/
@keyframes frame-scale {
    0% {
        opacity: .3;
        -ms-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.anim-scale {
    animation-name: frame-scale
}

/*弹簧放大*/
@keyframes frame-spring {
    0% {
        opacity: .2;
        transform: scale(.5)
    }

    80% {
        opacity: .6;
        transform: scale(1.1)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.anim-spring {
    animation-name: frame-spring
}

/*平滑缩小*/
@keyframes frame-scalesmall {
    0% {
        opacity: .3;
        transform: scale(1.5)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.anim-scalesmall {
    animation-name: frame-scalesmall
}

/*弹簧缩小*/
@keyframes frame-scalesmall-spring {
    0% {
        opacity: .3;
        transform: scale(1.2)
    }

    80% {
        opacity: .8;
        transform: scale(.6)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.anim-scalesmall-spring {
    animation-name: frame-scalesmall-spring
}

/*渐现*/
@keyframes frame-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.anim-fadein {
    animation-name: frame-fadein
}

/*渐隐*/
@keyframes frame-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.anim-fadeout {
    animation-name: frame-fadeout
}

.anim-up, .anim-upbit, .anim-down, .anim-downbit, .anim-fadein, .anim-fadeout, .anim-rotate, .anim-spring, .anim-scale, .anim-scalesmall, .anim-scalesmall-spring {
    animation-duration: .2s;
    animation-fill-mode: both;
}

.anim-rotate {
    animation-duration: 1s;
    animation-timing-function: linear;
    display: inline-block;
}
/*循环*/
.anim-loop {
    animation-iteration-count: infinite;
}
/*#endregion*/

/*#region element*/
.el-button [class*=fa-] + span, .el-button [class*=up-] + span {
    margin-left: 3px;
}

.el-table, .el-table thead {
    color: #000000;
}

    .el-table th.el-table__cell {
        background-color: #F7F7FA;
    }

.el-pagination {
    padding: 5px 10px 10px 10px;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #00b1ff !important;
}

.el-checkbox__input.is-disabled + span.el-checkbox__label {
    color: #606266;
}

.el-form--inline .el-form-item {
    margin-bottom: 8px;
}

.el-form-item .el-select {
    width: 100%;
}

.el-textarea.is-disabled .el-textarea__inner, .el-input.is-disabled .el-input__inner, .el-range-editor.is-disabled input, .el-range-editor.is-disabled {
    color: #606266 !important;
    background-color: #FCFCFC;
}
/*解决表格中的select无法显示下拉框的问题 设置 el-table-column 的 class-name="select-cell" */
.select-cell .cell {
    overflow: inherit;
}

.el-scrollbar__wrap {
    overflow-x: hidden;
}

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap {
    overflow: scroll !important;
}

.el-menu--horizontal.h45 > .el-menu-item {
    height: 45px;
    line-height: 45px;
    font-weight: bold;
}
/* switch按钮样式 */
.switch .el-switch__label {
    position: absolute;
    display: none;
    color: #fff !important;
}
/*打开时文字位置设置*/
.switch .el-switch__label--right {
    z-index: 1;
    text-align: center;
}
    /* 调整打开时文字的显示位子 */
    .switch .el-switch__label--right span {
        margin-right: 9px;
    }
/*关闭时文字位置设置*/
.switch .el-switch__label--left {
    z-index: 1;
    text-align: center;
    color: #606266 !important
}
    /* 调整关闭时文字的显示位子 */
    .switch .el-switch__label--left span {
        margin-left: 9px;
    }
/*显示文字*/
.switch .el-switch__label.is-active {
    display: block;
}
/* 调整按钮的宽度 */
.switch.el-switch .el-switch__core,
.el-switch .el-switch__label {
    width: 70px !important;
    margin: 0;
    top: 0;
    left: 0;
    box-sizing: border-box;
    user-select: none;
}

.switch.el-switch.mini .el-switch__core,
.el-switch.mini .el-switch__label {
    width: 50px !important;
}

.multi-row.el-select-dropdown__item {
    height: auto !important;
    line-height: normal !important;
}

.el-loading-mask .el-icon-loading {
    font-size: 2rem;
}
/*禁用且选中的checkbox*/
.el-checkbox.wrap .el-checkbox__input, .el-checkbox.wrap .el-checkbox__label {
    display: inline;
}

.el-checkbox__inner {
    border: 1px solid #999;
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
    border-color: rgba(0, 150, 136,.8);
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #888;
}

.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner {
    background-color: #cce6ff !important;
}

.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
    background-color: rgba(30,159,255,.6) !important;
    color: #FFF !important;
}

.dialog-padding-none .el-dialog__body {
    padding: 0;
}

.el-dialog-flex .el-dialog {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    margin-top: 10vh !important;
    margin-bottom: 10vh;
    box-sizing: border-box;
    max-height: 80vh;
}

.el-dialog-flex.small .el-dialog {
    margin-top: 15vh !important;
    margin-bottom: 20vh;
    max-height: 60vh;
}

.el-dialog-flex .el-dialog.is-fullscreen {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-height: inherit;
}

.el-dialog-flex .el-dialog .el-dialog__body {
    -webkit-flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    -ms-flex: 1 0 0px;
    padding: 0;
    overflow: auto;
    position: relative;
}

    .el-dialog-flex .el-dialog .el-dialog__body > .h100 {
        position: absolute;
        box-sizing: border-box;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

.el-dialog-flex .el-dialog .el-dialog__header {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.el-dialog-flex .el-dialog .el-dialog__footer {
    box-shadow: 0 -2px 12px 0 rgba(0,0,0,0.1);
}

.el-drawer-fix .el-drawer__header {
    margin-bottom: 4px;
    padding-bottom: 10px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
    box-sizing: border-box;
}

.el-drawer-fix .el-drawer__body {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.el-drawer__body {
    position: relative;
}

.el-tabs-flex {
    display: box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100%;
    flex-direction: column;
    box-sizing: border-box;
}

    .el-tabs-flex .el-tabs__content {
        -webkit-flex: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        flex: 1;
        -ms-flex: 1 0 0px;
        padding: 0;
        overflow: hidden;
        position: relative;
        box-sizing: border-box;
    }

        .el-tabs-flex .el-tabs__content .el-tab-pane {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            box-sizing: border-box;
            overflow: auto;
        }

.el-radio__inner {
    border: 1px solid #999;
}

.el-radio.wrap .el-radio__input, .el-radio.wrap .el-radio__label {
    display: inline;
}

.el-radio__input.is-disabled + span.el-radio__label {
    color: #606266 !important;
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: rgba(30,159,255,.6);
    border-color: rgba(30,159,255,.6);
}

    .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
        background-color: #FFF;
    }
/*分页 small*/
.el-pagination--small .el-pagination__sizes .el-input .el-input__inner {
    height: 22px;
    line-height: 20px;
    font-size: 13px;
}

.el-pagination--small .el-pagination__sizes .el-input .el-input__icon {
    line-height: 22px;
}

.el-link {
    font-size: inherit;
}

.el-select__tags .el-tag.el-tag--info {
    color: #333 !important;
}

.el-table-xs .cell {
    padding-left: 3px;
    padding-right: 3px;
    line-height: 20px;
}

.el-form-item.group {
    background-color: rgba(0,177,255,.1);
    border-radius: 3px;
}

    .el-form-item.group .el-form-item__label {
        border-left: 5px solid #00b1ff;
        text-align: left;
        padding-left: 10px;
        color: #888;
        border-radius: 3px 0 0 3px;
        width: auto !important;
    }
/*#endregion*/

/*#region vant*/
.van-button, .van-button *, .van-dialog__header {
    -webkit-touch-callout: none !important; /*系统默认菜单被禁用*/
    -webkit-user-select: none; /*webkit浏览器*/
    -khtml-user-select: none; /*早期浏览器*/
    -moz-user-select: none; /*火狐*/
    -ms-user-select: none; /*IE10*/
    user-select: none !important;
}

    .van-button.linkbtn {
        height: auto;
        line-height: normal !important;
        padding: 0;
        border: none;
    }

.van-tab--active {
    color: #00B1FF;
}

.van-tabs__line {
    background-color: #00B1FF;
}

.van-cell.van-cell-left .van-cell__title {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    box-sizing: border-box;
    width: 6.2em;
    margin-right: 12px;
    color: #646566;
    text-align: left;
    word-wrap: break-word !important;
}

.van-cell.van-cell-left .van-cell__value {
    text-align: left !important;
}

.van-cell.h5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon {
    color: rgba(30,159,255,.6) !important;
}

.van-pull-refresh {
    -webkit-user-select: text;
    user-select: text;
}

.van-tag.jiaonan {
    border-radius: 999px 0 0 999px;
}

.van-tag.jiaonan-1 {
    border-radius: 0;
}

    .van-tag.jiaonan-1 + .van-tag, .van-tag.jiaonan + .van-tag {
        border-radius: 0 999px 999px 0;
    }

.van-tag-info {
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
}

    .van-tag-info.plain {
        background-color: #fff;
        border-color: #d3d4d6;
        color: #909399;
    }

.van-action-sheet.header-bg .van-action-sheet__header {
    text-align: left;
    padding: 0 16px;
    background-color: #F7F7F8;
    font-size: 14px;
    line-height: 40px;
}

.van-action-sheet.popup .van-action-sheet__description {
    padding: 0;
    color: #000;
}

.van-action-sheet.popup .close-icon {
    position: absolute;
    top: 16px;
    right: 0;
    z-index: 1;
    padding: 0 16px;
    color: #c8c9cc;
    font-size: 22px;
    line-height: inherit;
}

.van-dropdown-menu.small .van-dropdown-menu__bar {
    height: 32px;
}

.van-dropdown-menu.small .van-dropdown-menu__title {
    font-size: 12px;
    line-height: 16px;
}

.van-dialog.nopadding .van-dialog__message {
    position: relative;
    box-sizing: border-box;
    padding: 0;
}
/*#endregion*/
/*#region hxt-dropbutton*/
.clickarea {
    padding: 3px;
    display: inline-block;
}

.mask {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFF;
    opacity: 0.01;
}

.menus {
    position: fixed;
    display: inline-block;
    z-index: 1000;
    padding: 5px;
    box-sizing: border-box;
    background-color: transparent;
}

@keyframes scaleH {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(100%);
    }
}

.right-left {
    transform-origin: 100% 50%;
    animation: scaleH 0.2s;
}

.left-right {
    transform-origin: 0 50%;
    animation: scaleH 0.2s;
}
/*#endregion*/
